import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";
import Myhome from "../views/Myhome.vue"
Vue.use(VueRouter);

const routes = [{
        path: "/",
        name: "Home",
        component: Home,
    },
    {
        path: "/home",
        name: "Home",
        component: Home,
    },
    {
        path: "/myhome",
        name: "Myhome",
        component: Myhome,
        redirect: "/myhome/er",
        children: [{
                path: "er",
                component: () =>
                    import ("../components/Er.vue")

            },
            {
                path: "ddly",
                component: () =>
                    import ("../components/Ddly.vue"),

            },
            {
                path: "wl",
                component: () =>
                    import ("../components/Wl.vue"),

            }
        ]
    },
    {
        path: "/about",
        name: "About",
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () =>
            import ( /* webpackChunkName: "about" */ "../views/About.vue"),
    },
];

const router = new VueRouter({
    routes,
});

export default router;